<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>CSS样式</title>
        <meta name='keywords' content=''  />
        <meta name='description' content='' />
        <style>
            div.c1{
                width:400px;height:400px;
                background:
                  url('./images/game/map_20.gif') no-repeat 250px 300px,
                  url('./images/game/map_17.gif') no-repeat 130px 230px,
                  url('./images/game/map_15.gif') no-repeat 30px 30px,
                  url('./images/game/map_03.gif')
            }
            
            /*多个背景之间用逗号隔开,先写的显示在最上面*/
        </style>
    </head>
    <body>
        <h2>CSS样式实例:多背景图片</h2>
        <div class='c1'></div>
    </body>
</html>